$--colors: ("primary": ("base": #005cac,
    ),
    "success": ("base": #21ba45,
    ),
    "warning": ("base": #f2711c,
    ),
    "danger": ("base": #db2828,
    ),
    "error": ("base": #db2828,
    ),
    "info": ("base": #005cac,
    ),
);

// You should use them in scss, because we calculate it by sass.
// comment next lines to use default color
@forward "element-plus/theme-chalk/src/common/var.scss"with ( // do not use same name, it will override.
    $colors: $--colors);
    // $button-padding-horizontal: ("default": 50px));

@use "element-plus/theme-chalk/src/index.scss"as *;